@import "../../themes/ionic.globals";


// Toast
// --------------------------------------------------

/// @prop - Width of the toast
$toast-width:                             100% !default;

/// @prop - Max width of the toast
$toast-max-width:                         700px !default;


ion-toast {
  @include position(0, null, null, 0);

  position: absolute;

  z-index: $z-index-overlay;

  display: block;

  width: $toast-width;
  height: $toast-width;

  pointer-events: none;

  contain: strict;
}

.toast-container {
  display: flex;

  align-items: center;

  pointer-events: auto;

  contain: content;
}

.toast-button {
  @include padding(19px, 16px, 17px);

  font-size: 1.5rem;
}

.toast-message {
  flex: 1;
}
